<!DOCTYPE html>
<html>
    <head>
        <title>Meeting会议管理系统</title>
        <link rel="stylesheet" href="/styles/common.css"/>
        <script src="http://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"></script>
        <script>
            function check(){
                var password=document.getElementById('newnewpassword');
                var confirm=document.getElementById('confirm');
                var confirminfo=document.getElementById('confirminfo');
                if(password.value!=confirm.value){
                    confirminfo.innerHTML='两次输入密码不一致';
                    document.getElementById("change").disabled=true;
                }else {
                    confirminfo.innerHTML = ' ';
                    document.getElementById("change").disabled=false;
                }

            }
        </script>
    </head>
    <body>
        <#include 'top.ftl'>
        <div class="page-body">
            <#include 'leftmenu.ftl'>
            <div class="page-content">
                <div class="content-nav">
                    修改密码
                </div>
                <form action="/dochange" method="post">
                    <fieldset>
                        <legend>修改密码信息</legend>
                        <table class="formtable" style="width:50%">
                            <tr>
                                <td>原密码:</td>
                                <td>
                                    <input id="password" name="password" type="password" />
                                </td>
                            </tr>
                            <tr>
                                <td>新密码:</td>
                                <td>
                                    <input id="newnewpassword" name="newpassword" type="password" />
                                </td>
                            </tr>
                            <tr>
                                <td>确认新密码：</td>
                                <td>
                                    <input id="confirm" type="password" onchange="check()"/>
                                    <div style="color: #ff0114" id="confirminfo"></div>
                                </td>
                            </tr>
                                    <div style="color: #ff0114">${error!''}</div>

                            <tr>
                                <td colspan="2" class="command">
                                    <input type="submit" id="change" value="确认修改" class="clickbutton"/>
                                    <input type="button" value="返回" class="clickbutton" onclick="window.history.back();"/>
                                </td>
                            </tr>
                        </table>
                    </fieldset>
                </form>
            </div>
        </div>
        <#include 'footer.ftl'>
    </body>
</html>